<template>
  <div class="addshop">
    <div class="contrains">
      <div class="top-box">
        <h2>选择食品种类</h2>
        <div class="kindshop-box">
          <el-select v-model="value" placeholder="请选择">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option>
          </el-select>
      </div>
      <div class="bottom-box">
        <h2>添加食品</h2>
        <div class="addshop-box"></div>
      </div>
    </div>
  </div>
  </div>
</template>
<style scoped lang='stylus'>
.addshop
    width 100%
    .contrains
       max-width 340px
       margin 20px auto
       padding 10px
       h2
         text-align center
         padding 20px
         font-size 25px
       .kindshop-box
          text-align center
          padding 10px
          border 1px solid #eaeefb
          border-radius 5px
          margin-bottom 20px
       

</style>